<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div style="height: 15px;"></div>
        <div class="row">
            <div class="col-sm-3 m-b-xs">
                <!--<div>
                    <a href="javascript:void(0);" @click="onRefresh" class="btn btn-white btn-bitbucket pull-left" ><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                    <a href="javascript:void(0);" @click="onRefresh" class="btn btn-white btn-bitbucket pull-right" ><i class="fa fa-barcode"></i>&nbsp;扫码</a>
                    <div class="clearfix"></div>
                </div>-->
                <!--<div style="background-color: pink; padding: 3px 15px;">
                    使用情况:&nbsp;&nbsp;
                    <label @click="onRadioChecked('bc', '0')">
                        <input type="radio" :checked="bc == '0'" name="radioBC">&nbsp;全部
                    </label>
                    &nbsp;&nbsp;
                    <label @click="onRadioChecked('bc', '1')">
                        <input type="radio" :checked="bc == '1'" name="radioBC">&nbsp;已使用
                    </label>
                    &nbsp;&nbsp;
                    <label @click="onRadioChecked('bc', '2')">
                        <input type="radio" :checked="bc == '2'" name="radioBC">&nbsp;未使用
                    </label>
                </div>-->
            </div>
            <div class="col-sm-3">
                <div class="input-group">
                    <input v-model="startDate" type="text" class="form-control" readonly placeholder="开始日期" id="start">
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                </div>
            </div>
            <div class="col-sm-3 m-b-xs">
                <div class="input-group">
                    <input v-model="endDate" type="text" class="form-control" readonly placeholder="结束日期" id="end">
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" placeholder="请输入床套条码" v-model="keyword" class="input form-control" @keyup.enter="onSearch">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" @click="onClear">清除</button>
                    </span>
                </div>
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>操作</th>
                    <th>条码</th>
                    <th>商品名称</th>
                    <th>制令编号</th>
                    <th>记录时间</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="(info, index) in snList"  :class="index | _getRowsColor">
                    <td><button type="button" class="btn pink-bg color-white" @click="onDel(index)">删除</button></td>
                    <td>{{info.barcode}}</td>
                    <td>{{info.fModelNameCT}}</td>
                    <td>{{info.fMONo}} ({{info.done}}/{{info.all}})</td>
                    <td>{{info.create_datetime | _formatDate}}</td>
                </tr>
                </tbody>
            </table>
            <div v-if="totle > 0">
                <a v-if="snList.length == totle" class="btn btn-default btn-rounded btn-block" href="javascript:void(0);">{{snList.length}} / {{totle}} 已到底了</a>
                <a v-if="snList.length < totle" class="btn btn-default btn-rounded btn-block pink-bg" href="javascript:void(0);" @click="onMoreSnList">{{snList.length}} / {{totle}} 点击加载更多</a>
            </div>
        </div>

    </div>
</div>